import { Layout, Dropdown, Menu } from 'antd';
import { Link } from 'react-router-dom';
import { FC } from 'react';
import styles from './index.module.scss';
const { Header } = Layout;

const BaseHeader: FC = () => {
  const menu = (
    <Menu>
      <Menu.Item>
        <Link to="/mcn/index">机构信息</Link>
      </Menu.Item>
      <Menu.Item>
        <Link to="/account/setting">账户设置</Link>
      </Menu.Item>
      <Menu.Item>
        <Link to="/user/login">退出登录</Link>
      </Menu.Item>
    </Menu>
  );

  return (
    <Header className={styles.baseHeader}>
      <h2 style={{ color: '#fff' }}>巨鲸帮帮 ｜ 机构平台</h2>
      <Dropdown overlay={menu}>
        <a className="ant-dropdown-link" onClick={(e) => e.preventDefault()}>
          大眼物联
        </a>
      </Dropdown>
    </Header>
  );
};
export default BaseHeader;
